<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<link rel="stylesheet" href="css/pintuer.css">
<link rel="stylesheet" href="css/admin.css">
<body style="background-color: #f2f9fd">
<!--头部-->
    <div class="header bg-main">
<!--        头部头像的logo位置-->
        <div class="logo margin-big-left fadein-top">
            <h1><img src="img/tx.jpg" class="radius-circle rotate-hover" height="50">
            后台管理中心
            </h1>
        </div>
        <div class="head-l" style="margin-left: 40px;margin-top: 35px;">
            <h3 style="color: white">xxx 你好!&nbsp&nbsp<small id="time_show"></small></h3>
        </div>
<!--        登出按钮-->
        <div class="head-l" style="float: right;padding: 10px">
            <a class="button button-little bg-red" href="#"><span class="icon-power-off"/>退出登录</a>
        </div>
    </div>
<!--左边菜单-->
    <div class="leftnav">
        <div class="leftnav-title">
            <strong><span class="icon-list"></span>菜单列表</strong>
        </div>
        <h2>基本设置</h2>
            <ul class="secondary_menu">
                <li>
                    <a href="msg.html" target="right">头像设置</a>
                </li>
                <li>
                    <h5><span class="icon-caret-right"></span>菜单设置</h5>
                    <ul>
                        <li><a href="#">菜单修改</a></li>
                        <li><a href="#">菜单新增</a></li>
                        <li><a href="#">菜单删除</a></li>
                    </ul>
                </li>
            </ul>
        <h2>权限管理</h2>
            <ul class="secondary_menu">
                <li>
                    <a href="#" target="right">授予权限</a>
                </li>
                <li>
                    <a href="#" target="right">菜单权限</a>
                </li>
            </ul>
        <h2>物流管理</h2>
    </div>
<!--右边主体中的头部到导航-->
    <ul class="bread">
        <li>
            <a href="#" class="icon-home">首页</a>
        </li>
        <li>
            <a href="#" id="a_leader_txt">网站信息</a>
        </li>
    </ul>
<!--右边主体中的内容 框架集-->
    <div class="admin" style="margin: 0;padding: 0">
        <iframe scrolling="auto" frameborder="0" name="right" src="info.html" width="100%" height="100%"></iframe>
    </div>
</body>
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/gettime.js"></script>
<script src="js/pintuer.js"></script>
<script>
    $(".leftnav h2,h5").click(function () {
        if($(this)[0].tagName=="H5"){
            if($(this).find("span").prop("class")=="icon-caret-down"){
                $(this).find("span").prop("class","icon-caret-right")
            }else {
                $(this).find("span").prop("class","icon-caret-down")
            }
        }
        $(this).next().slideToggle(200);
        $(this).toggleClass("on")
    })
    var i=0;
    var t=0;
    $(".leftnav ul li a").click(function () {
        $("#a_leader_txt").text($(this).text())
        if($(this).parent().parent().prev().text()!=null){
            if(i==0){
                $(".bread #a_leader_txt").before("<li><a href='#' id='b_leader_txt'></a></li>")
                $("#b_leader_txt").text($(this).parent().parent().prev().text());
                i++;
            }
        }
        if($(this).parent().parent().parent().parent().prev().text().indexOf("Title")<=0) {
            if (t == 0) {
                $("#b_leader_txt").before("<li><a href='#' id='c_leader_txt'></a></li>")
                $("#c_leader_txt").text($(this).parent().parent().parent().parent().prev().text());
                t++;
            }
        }else {
            $("#c_leader_txt").parent().remove();
            t=0;
        }
    })

</script>
</html>